<template>
	<view class="content">
		<u-navbar :is-back="false" title="发现" :background="{ background: '#f4f4f5'  }" 
		title-color="#404133"  :title-bold="true" title-size="34"
		:border-bottom="false" 
		z-index="1001">
		</u-navbar>
		<view style="background-color: #FFFFFF;">
			<view    v-for="(item,index) in cellList" :key="index">
					<u-cell-item  :title="item.title" :title-style="titleStyle" 
									:border-bottom="false"  :border-top="false"
									@tap="linkTo(item)">
						<u-icon slot="icon" :name="item.icon" :color="item.color" size="44"></u-icon> 
					</u-cell-item>
					<u-gap :height="16" bg-color="#f4f4f5" v-if="index<cellList.length-1"></u-gap>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			cellList:[
				{id:1, title:"朋友圈",icon:"/static/image/friendCircle/friendCircleIcon.png",color:"inherit" ,bind:"pages/chat/findMore/friendCircle"},
				{id:2, title:"扫一扫",icon:"scan",color:"#409eff" },
				{id:3, title:"购物",icon:"bag",color:"#fab6b6" },
				{id:4, title:"看一看",icon:"eye",color:"#ff9900" },
			],
			titleStyle:{
				marginLeft:"20rpx",
				fontSize:"32rpx",
				color:"#000000"
			}
		};
	},
	methods: {
		linkTo(item){
			//console.log("item",item);
			if(item.bind){
				 this.$u.route(item.bind);
			}else{
				this.globalUtil.utilAlert("功能正在开发,敬请期待~");
				return;
			}
		}
	}
};
</script>

<style lang="scss" scoped>
	.content{
		
	}
</style>
<style>
	page{
		background-color: #f4f4f5 !important;
	}
</style>

